<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8">
	<title>图片的列表</title>
	<style>
		.img-list{
			width:190px;
			height:470px;
			overflow:hidden;
			margin:50px auto;
			background-color:#baf;

			
		}

		.img-list li{
			margin-bottom:10px;
		}

		.img-list img{
			width:100%;
			height:148px;
		}

	</style>
	
	<link rel="stylesheet" href="./css/reset.css">

</head>
<body>

	<ul class="img-list">
		<li>
			<a href="javascript:;">
				<img src="./img/1.jpg" alt="" />
			</a>
		</li>
		<li>
			<a href="javascript:;">
				<img src="./img/2.jpg" alt="" />
			</a>
		</li>
		<li>
			<a href="javascript:;">
				<img src="./img/3.jpg" alt="" />
			</a>
		</li>
	</ul>

</body>
</html>